<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=750,user-scalable=no" />
		<meta name="format-detection" content="telephone=no">
		<title>我要订仓</title>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/barnKeep.css"/>
	</head>
	<body style="background: #f3f3f3;">
		<div class="wrapper">
			<div class="content">				
				<div class="msg-board">
					<div class="model">C138</div>
					<div class="mid-cont">
						<div class="price">￥<span>1100</span></div>
						<div class="classy">4.5m³ 高2.1m 中仓</div>
					</div>
					<div class="area">佛山南海</div>
				</div>
				<div class="seat-wrap">
					<div class="select">
						<a href="javascript:void(0);" class="smaller">小一点</a>
						<a href="javascript:void(0);" class="bigger">大一点</a>
					</div>
					<div class="region">
						<p>A区</p>
						<div class="partition">
							<div class="lists saved">
								<p class="par-num">01</p>
								<p class="par-sta">已存位</p>
							</div>
							<div class="lists">
								<p class="par-num">02</p>
								<p class="par-sta">空位</p>
							</div>
							<div class="lists">
								<p class="par-num">03</p>
								<p class="par-sta">空位</p>
							</div>
							<div class="lists">
								<p class="par-num">04</p>
								<p class="par-sta">已付管理费</p>
							</div>
							<div class="lists">
								<p class="par-num">05</p>
								<p class="par-sta">空位</p>
							</div>
							<div class="lists">
								<p class="par-num">06</p>
								<p class="par-sta">预定</p>
							</div>
							<div class="lists">
								<p class="par-num">07</p>
								<p class="par-sta">已办理迁出</p>
							</div>
							<div class="lists">
								<p class="par-num">08</p>
								<p class="par-sta">已办理迁出</p>
							</div>
							<div class="lists">
								<p class="par-num">09</p>
								<p class="par-sta">已办理迁出</p>
							</div>
							<div class="lists saved">
								<p class="par-num">10</p>
								<p class="par-sta">已存位</p>
							</div>
							<div class="lists">
								<p class="par-num">11</p>
								<p class="par-sta">空位</p>
							</div>
							<div class="lists">
								<p class="par-num">12</p>
								<p class="par-sta">空位</p>
							</div>
							<div class="lists">
								<p class="par-num">13</p>
								<p class="par-sta">已付管理费</p>
							</div>
							<div class="lists">
								<p class="par-num">14</p>
								<p class="par-sta">空位</p>
							</div>
							<div class="lists">
								<p class="par-num">15</p>
								<p class="par-sta">预定</p>
							</div>
							<div class="lists rent">
								<p class="par-num">16</p>
								<p class="par-sta">租位</p>
							</div>
							<div class="lists">
								<p class="par-num">17</p>
								<p class="par-sta">已办理迁出</p>
							</div>
							<div class="lists saved">
								<p class="par-num">18</p>
								<p class="par-sta">已存位</p>
							</div>
						</div>
					</div>
					<div class="mark">
						<i></i>
						<p>您的仓位</p>
					</div>
				</div>
				
				<ul class="date-lists">
					<li>
						<label for="">订单号</label>
						<p>4260003966677220</p>
					</li>
					<li>
						<label for="">下单时间</label>
						<p>2017-06-23 20:00:00</p>
					</li>
				</ul>
				
				<ul class="date-lists">
					<li>
						<label for="">用户名</label>
						<p>吴亦凡</p>
					</li>
					<li>
						<label for="">联系方式</label>
						<p>13769423577</p>
					</li>
					<li>
						<label for="">仓位</label>
						<p>千灯湖  <span>A11</span></p>
					</li>
					<li>
						<label for="">仓型</label>
						<p>小仓</p>
					</li>
					<li>
						<label for="">使用时间</label>
						<p>2017-06-23至2017-12-22</p>
					</li>
				</ul>
				
				<ul class="date-lists">
					<li>
						<label for="">租仓费用</label>
						<p>￥1100</p>
					</li>
					<li>
						<label for="">押金</label>
						<p>￥200</p>
					</li>
					<li>
						<label for="">优惠</label>
						<p><span>-￥300</span></p>
					</li>
					<li>
						<label for="">应付</label>
						<p>￥1000</p>
					</li>
				</ul>
				
				<div class="my-info" onclick="location='userInfo.html';">我的信息</div>
				
				<input type="submit" value="立即支付" class="confirm-btn" onclick="alert('支付成功');"/>
			</div>
		</div>
	</body>
</html>
